<template>
    <div>
        我是第二个人的修改
        <div>Current Count: {{ counter.count }}</div>
        <button @click="change">+</button>
        <button @click="counter.$reset()">重置</button>
    </div>
</template>

<script setup>
const prop = defineProps(['counter'])
const change = () => {
    prop.counter.$patch((state) => {
        state.count++
    })
}
</script>

<style lang="scss" scoped></style>